<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/publicpack.css">
		<meta name="viewport"
		      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">		
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<!-- 导航容器一般使用nav标签来定义:小屏幕垂直堆叠 -->
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
			         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			     <span class="navbar-toggler-icon"></span>
			 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
			<div id="m_toparea">
		    <div class="m_topwrap clearfix">
				<div class="m_topleft fl">
					<img src="img/logo.jpg" />
				</div>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
				         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				     <span class="navbar-toggler-icon"></span>
				 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
		        <div class="collapse navbar-collapse" id="navbarSupportedContent">
		            <ul class="navbar-nav mr-auto">
		                <li class="nav-item">
		                    <a href="index.html" class="cur" >首页</a>
		                </li>
		                <li class="nav-item">
		                    <a class="goTarget" href="#m_news" data-target="m_news">
		                        最新动态
		                    </a>
		                </li>
		               <li class="nav-item dropdown">
		                   <a class="mwword" href="#" id="navbarDropdown" role="button"
		                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		                       漫威宇宙
		                   </a>
		                   <div class="dropdown-menu" aria-labelledby="navbarDropdown">
		                       <a class="dropdown-item" href="#m_movie">电影</a>
		                       <div class="dropdown-divider"></div>
		                       <a class="dropdown-item" href="#m_animation">动漫</a>
		                   </div>
		               </li>
		            </ul>
		        </div>
		    </div>
			</div>
		</nav>
		<div id="m_bodybj" style="display:block;">
			<div class="m_cbj01" style="height:500px;background:url(img/b10.jpg) 0 0 no-repeat;">
			</div>
		</div>
		<div id="m_rw" style="background:#0000;">
			<div class="m_rwwrap">
				<div class="m_rwbj">
					<img src="img/p10.jpg" width="1000" height="500" alt="人物"  title="人物"/>
				</div>
				<div class="m_lrw">
					<span class="m_ltu">
						<img src="img/lp10.png" />
					</span>
				</div>
			</div>
		</div>
		<div id="m_rwwz">
			<div class="m_wzlist">
				<h2>洛基</h2>
				<h4>LOKI</h4>
				<p class="m_jsjs">
            	
				</p>
				<ul>
					<li>
						<i>真实姓名：</i>
						<p>洛基•劳菲森（Loki Laufeyson）</p>
					</li>
					<li><i>身　　高：</i>
						<p>6英尺9英寸 （可变）</p>
					</li>
					<li><i>重　　量：</i>
						<p>525 英镑</p>
					</li>
					<li><i>技　　能：</i>
						<p>洛基拥有远超普通人类的强大体能、漫长寿命以及巨大的力量（能够举起50吨重物），他对地球疾病完全免疫，普通攻击也难以伤其分毫。洛基是仙宫诸神中最强大的魔法师，他的魔法能力包括变形（同时获得变形目标相应的基本能力）、灵魂出窍、分子重排、能量发射、幻象制造、飞行悬空、心灵感应、催眠、瞬间移动。他能抵御大部分的肉体伤害，即便出现严重的肢体伤残也能迅速复原，脑袋掉了也能接回来。洛基还能在不同的次元之间制造裂缝，任意穿梭于不同的宇宙之间。大部分时候洛基制造的裂缝都位于地球和仙宫之间。</p>
					</li>
					<li><i>隶属团队：</i>
						<p>黑暗内阁、仙宫众神；曾隶属于失落之神，“复仇行动”幕后操控者和发起人</p>
					</li>
					<li><i>首次登场：</i>
						<p>《维纳斯》（Venus）第6期（1949），（现代）《神秘之旅》（Journey into Mystery）第85期（1962）</p>
					</li>
					<li><i>起源故事：</i>
						<p>《神秘之旅》第112-113&115期（1965）</p>
					</li>
				</ul>
			</div>
		</div>
		<div id="m_footer">
			<p style="margin-bottom:10px;">漫威网站</p>
			<p>本项目纯测试学习使用：jshs-阮hq</p>
		</div>
	</body>
</html>
